﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <div style="width: 100%; height: 100%; position: absolute; background-color: #231958;
        overflow: auto;" title="Backgournd">
        <div style="width: 1024px; height: 100%; position: relative; margin-right: auto;
            margin-left: auto; overflow: auto;" title="Body">
            <div style="margin: 5px; background-color: #DB552C; width: 500px; height: 300px;
                position: relative; float: left; font-family: 'Courier New'; font-size: 72px;
                font-weight: bold; color: #FFFFFF;" title="Cube1">
                <div style="margin: 10px; width: 225px; height: 280px; position: relative; float: left;
                    background-image: url('Images/avata.png');" title="Avata">
                </div>
                <div style="top: 220px; right: 30px; position: relative; float: right;">
                    <a href="http://weibo.com/1624778861/profile?topnav=1&wvr=5" style="color: #FFFFFF">JJMoe</a>
                </div>
            </div>
            <div style="margin: 5px; background-color: #008C16; width: 500px; height: 300px;
                position: relative; float: right;" title="Cube2">
                <div style="top: 95px; width: 225px; height: 110px; margin: auto; position: relative;
                    background-image: url('Images/Articles.png');">
                </div>
                <div style="top: 100px; height: 50px; position: relative; width: 100%; font-family: 宋体, Arial, Helvetica, sans-serif;
                    font-size: 36px; color: #FFFFFF; font-weight: bold;" align="center">
                    <a href="IndexMetro.aspx" style="color: #FFFFFF">Articles</a>
                </div>
            </div>
            <div style="margin: 5px; background-color: #2D89F0; width: 500px; height: 300px;
                position: relative; float: left;" title="Cube3">
                <div style="top: 95px; width: 225px; height: 110px; margin: auto; position: relative;
                    background-image: url('Images/MoeAI.png');">
                </div>
                <div style="top: 100px; height: 50px; position: relative; width: 100%; font-family: 宋体, Arial, Helvetica, sans-serif;
                    font-size: 36px; color: #FFFFFF; font-weight: bold;" align="center">
                    <a href="IndexMetro.aspx" style="color: #FFFFFF">Moe AI.</a>
                </div>
            </div>
            <div style="margin: 5px; background-color: #FFCC00; width: 500px; height: 300px;
                position: relative; float: right;" title="Cube4">
                <div style="top: 95px; width: 225px; height: 110px; margin: auto; position: relative;
                    background-image: url('Images/Drawings.png');">
                </div>
                <div style="top: 100px; height: 50px; position: relative; width: 100%; font-family: 宋体, Arial, Helvetica, sans-serif;
                    font-size: 36px; color: #FFFFFF; font-weight: bold;" align="center">
                    <a href="IndexMetro.aspx" style="color: #FFFFFF">Drawings</a>
                </div>
            </div>

            <div style="position: relative; width: 100%; height: 50px; color: #CCCCCC; font-size: medium; font-weight: lighter; font-family: 'Times New Roman', Times, serif" align="center">
            Copyright &copy; JJMoe@codegeekx.tk. All rights reserved.
            </div>
        </div>
    </div>
</body>
</html>
